<template>
	<div>
		<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
		 <el-form-item label="原密码" prop="pass">
		   <el-input type="password" v-model="ruleForm.pwd" autocomplete="off"></el-input>
		 </el-form-item>
		  <el-form-item label="密码" prop="pass">
		    <el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input>
		  </el-form-item>
		  <el-form-item label="确认密码" prop="checkPass">
		    <el-input type="password" v-model="ruleForm.checkPass" autocomplete="off"></el-input>
		  </el-form-item>

		  <el-form-item>
		    <el-button type="primary" @click="onSubmit('ruleForm')">提交</el-button>
		    <el-button @click="resetForm('ruleForm')">重置</el-button>
		  </el-form-item>
		</el-form>
	</div>
</template>

<script>
	import LogApi from '@/api/LoginApi';
	export default {
		data() {
			var checkAge = (rule, value, callback) => {
			        if (!value) {
			          return callback(new Error('年龄不能为空'));
			        }
			        setTimeout(() => {
			          if (!Number.isInteger(value)) {
			            callback(new Error('请输入数字值'));
			          } else {
			            if (value < 18) {
			              callback(new Error('必须年满18岁'));
			            } else {
			              callback();
			            }
			          }
			        }, 1000);
			      };
			      var validatePass = (rule, value, callback) => {
			        if (value === '') {
			          callback(new Error('请输入密码'));
			        } else {
			          if (this.ruleForm.checkPass !== '') {
			            this.$refs.ruleForm.validateField('checkPass');
			          }
			          callback();
			        }
			      };
			      var validatePass2 = (rule, value, callback) => {
			        if (value === '') {
			          callback(new Error('请再次输入密码'));
			        } else if (value !== this.ruleForm.pass) {
			          callback(new Error('两次输入密码不一致!'));
			        } else {
			          callback();
			        }
			      };
			      return {
			        ruleForm: {
						pwd:'',
			          pass: '',
			          checkPass: '',
			        },
			        rules: {
			          pass: [
			            { validator: validatePass, trigger: 'blur' }
			          ],
			          checkPass: [
			            { validator: validatePass2, trigger: 'blur' }
			          ],
			          age: [
			            { validator: checkAge, trigger: 'blur' }
			          ]
			        }
			      };
		},
		methods: {
			onSubmit(valid) {
				this.$refs['ruleForm'].validate((valid) => {
				          if (valid) {
				            LogApi.UpPwd(this.ruleForm.pwd,this.ruleForm.pass).then(res=>{
								console.log(res);
							})
							
				          } else {
				            console.log('error submit!!');
				            return false;
				          }
				        });
				return
				LogApi.Update(this.formLabelAlign.pwd,this.formLabelAlign.pass).then(res => {
					if (res.code==1) {
						console.log(res);
						this.$message({
							message:"修改成功",
							type:"success"
						})
						this.$emit('close')
					}
					
				})
			},
			quxiao(){
				this.$emit('close')
			}
		},
		props: ["Id"],

	}
</script>

<style>
</style>